<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>shop</title>
    <link type="text/css" rel="stylesheet" href="css/css.css">
    <script src="js/js.js"></script>
</head>
<body>
<div id="inner">
    <form>
        <header><img src="images/taobao_logo.gif"></header>
        <nav>
            <ul>
                <li>您的位置：</li>
                <li><a href="#">首页</a> ></li>
                <li><a href="#">我的淘宝</a> ></li>
                <li><a href="#">我的购物车</a></li>
            </ul>
        </nav>
        <div id="main">
            <ul class="nav">
                <li class="a_hover"><a>1.查看购物车</a></li>
                <li><a>1.查看购物车</a></li>
                <li><a>1.查看购物车</a></li>
                <li><a>1.查看购物车</a></li>
                <li><a>1.查看购物车</a></li>
            </ul>
            <div class="title">
                <ul>
                    <li class="align">
                        <label>
                            <input type="checkbox" id="all">全选
                        </label>
                    </li>
                    <li class="wid_250"><p>店铺宝贝</p></li>
                    <li><p>获积分</p></li>
                    <li><p>单价（元）</p></li>
                    <li><p>数量</p></li>
                    <li><p>小计（元）</p></li>
                    <li><p>操作</p></li>
                    <div class="clean"></div>
                </ul>
            </div>
            <div class="shop_warp">
                <ul class="shop_tittle">
                    <li>店铺：<a href="#">纤巧百媚时尚鞋坊</a></li>
                    <li>卖家：<a href="#">纤巧百媚</a></li>
                    <li><img src="images/taobao_relation.jpg"></li>
                    <div class="clean"></div>
                </ul>
                <ul class="shop_main">
                    <li><input type="checkbox" name="check"></li>
                    <li class="wid_250 shop_referral">
                        <img src="images/taobao_cart_01.jpg">
                        <a class="shop_referral" href="#">日韩流行风时尚美眉最爱独特米字拼图金属坡跟公主靴子黑色</a>
                        颜色：<a>棕色</a>
                        尺码：<a>37</a><br>
                        保障：<img src="images/taobao_icon_01.jpg">
                    </li>
                    <li class="integral">5</li>
                    <li class="price" value="138">138.00</li>
                    <li>
                        <div class="num">
                            <input type="image" src="images/taobao_minus.jpg" name="minus">
                            <input type="text" value="1" name="num">
                            <input type="image" src="images/taobao_adding.jpg" name="add">
                        </div>
                    </li>
                    <li class="prices">138</li>
                    <li><a class="del">删除</a></li>
                    <div class="clean"></div>
                </ul>
            </div>
            <div class="shop_warp">
                <ul class="shop_tittle">
                    <li>店铺：<a>香港我的美丽日记</a></li>
                    <li>卖家：<a>lokemick2009</a></li>
                    <li><img src="images/taobao_relation.jpg"></li>
                    <div class="clean"></div>
                </ul>
                <ul class="shop_main">
                    <li><input type="checkbox" name="check"></li>
                    <li class="wid_250 shop_referral">
                        <img src="images/taobao_cart_02.jpg"><br>
                        <a class="shop_referral">chanel/香奈儿/香奈儿炫亮魅力唇膏3.5g</a>
                        <p><span>保障：</span>
                            <img src="images/taobao_icon_01.jpg">
                            <img src="images/taobao_icon_02.jpg"></p>
                    </li>
                    <li class="integral">12</li>
                    <li class="price" value="265">265.00</li>
                    <li>
                        <div class="num">
                            <input type="image" src="images/taobao_minus.jpg" name="minus">
                            <input type="text" value="1" name="num">
                            <input type="image" src="images/taobao_adding.jpg" name="add">
                        </div>
                    </li>
                    <li class="prices">265</li>
                    <li><a class="del">删除</a></li>
                    <div class="clean"></div>
                </ul>
            </div>
            <div class="shop_warp">
                <ul class="shop_tittle">
                    <li>店铺：<a>纤巧百媚时尚鞋坊</a></li>
                    <li>卖家：<a>纤巧百媚</a></li>
                    <li><img src="images/taobao_relation.jpg"></li>
                    <div class="clean"></div>
                </ul>
                <ul class="shop_main">
                    <li><input type="checkbox" name="check"></li>
                    <li class="wid_250 shop_referral">
                        <img src="images/taobao_cart_02.jpg">
                        <a class="shop_referral">日韩流行风时尚美眉最爱独特米字拼图金属坡跟公主靴子黑色</a>
                        <p>颜色：<a>棕色</a>尺码：<a>37</a></p>
                        <p>保障：<img src="images/taobao_icon_01.jpg"></p>
                    </li>
                    <li class="integral">5</li>
                    <li class="price" value="138">138.00</li>
                    <li>
                        <div class="num">
                            <input type="image" src="images/taobao_minus.jpg" name="minus">
                            <input type="text" value="1" name="num">
                            <input type="image" src="images/taobao_adding.jpg" name="add">
                        </div>
                    </li>
                    <li class="prices">138</li>
                    <li><a class="del">删除</a></li>
                    <div class="clean"></div>
                </ul>
            </div>
            <div class="shop_warp">
                <ul class="shop_tittle">
                    <li>店铺：<a>纤巧百媚时尚鞋坊</a></li>
                    <li>卖家：<a>纤巧百媚</a></li>
                    <li><img src="images/taobao_relation.jpg"></li>
                    <div class="clean"></div>
                </ul>
                <ul class="shop_main">
                    <li><input type="checkbox" name="check"></li>
                    <li class="wid_250 shop_referral">
                        <img src="images/taobao_cart_02.jpg">
                        <a class="shop_referral">日韩流行风时尚美眉最爱独特米字拼图金属坡跟公主靴子黑色</a>
                        <p>颜色：<a>棕色</a>尺码：<a>37</a></p>
                        <p>保障：<img src="images/taobao_icon_01.jpg"></p>
                    </li>
                    <li class="integral">5</li>
                    <li class="price" value="138">138.00</li>
                    <li>
                        <div class="num">
                            <input type="image" src="images/taobao_minus.jpg" name="minus">
                            <input type="text" value="1" name="num">
                            <input type="image" src="images/taobao_adding.jpg" name="add">
                        </div>
                    </li>
                    <li class="prices">138</li>
                    <li><a class="del">删除</a></li>
                    <div class="clean"></div>
                </ul>
            </div>
        </div>
        <ul class="shop_foot">
            <li class="fr">
                <p>商品总价（不含运费）：<span id="all_price">512</span>元<br></p>
                <p>可获积分：<span id="all_integral">12</span>点</p>
                <input type="image" src="images/taobao_subtn.jpg" id="buy">
            </li>
            <li class="fl foot_l"><input type="image" src="images/taobao_del.jpg" id="all_del"></li>
        </ul>
    </form>
</div>
</body>
</html>